<!DOCTYPE html>

<html class="no-js">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- <script src="../cdn/vue/vue.global.min.js"></script> -->
    <script src="https://unpkg.com/vue@next"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <link rel="stylesheet" href="../cdn/element-plus/index.css" />
    <script src="../cdn/element-plus/index.full.min.js"></script>
    <link rel="stylesheet" href="../../lib/index.css" />
    <script src="../../lib/avue.js"></script>
    <!-- <script src="../../lib/avue.min.js"></script> -->
  </head>
  <style></style>
  <body>
    <div id="app">
      <avue-form
        ref="form"
        :option="option"
        v-model="form"
      >
      </avue-form>
    </div>
  </body>
  <script>
    var app = Vue.createApp({
      data() {
        return {
          form: {
            // quotation: {
            //   isLoop: '0'
            // }
          },
          option: {
            column: [
              {
                type: 'quotation',
                label: '额度报价控件',
                prop: 'quotation',
                span: 24,
                groupType: 'lessee',
              }
            ],
            labelPosition: 'right',
            labelSuffix: '：',
            labelWidth: 120,
            gutter: 0,
            menuBtn: true,
            submitBtn: true,
            submitText: '提交',
            temporaryText: '暂存',
            temporaryBtn: true,
            emptyBtn: true,
            emptyText: '清空',
            menuPosition: 'center'
          },
        };
      },
      created() {
      },
      methods: {
      }, 
    });
    app.config.warnHandler = () => null
    app.use(ElementPlus);
    app.use(AVUE);
    app.mount("#app");
  </script>
</html>
